<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<!-- href用于记录链接地址 -->
		<link type="image/png" href="logo_200.png" rel="shortcut icon">
		<title>VIP10的第一个网页</title>
		<style>h6{font-family: cursive;background-color:gray}</style>
		<link rel="stylesheet" type="text/css" href="VIP10CSS.css">
		<script src="js/vip10JS.js" type="text/javascript"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
<!--		<script src="https://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>-->
		<script>
			function changeSpan(){
				var span=document.getElementsByClassName("redLar")[0];
				span.style.fontSize="xxx-large"
				span.style.color="blue"
			}
			
			function recSpan(){
				var span=document.getElementsByClassName("redLar")[0];
				span.style.color="red";
				span.style.fontSize="large";
			}
		</script>
	</head>
	<body>
		<!--元素中可以有其它元素，&nbsp;表示一个空格-->

		
		<form action="./Login" method="post">
			<div>这是个女儿div，input都是儿子</div>
			<input type="text" name="user"  placeholder="请输入用户名" oninput="console.log('正在输入内容')"></input>
			<input type="password" name="password" placeholder="请输入密码" />
<!--			用于提交form表单的数据-->
			<input type="submit" value="登录" >
<!--			不要用submit元素，再给一个调用ajax异步提交请求的方法，否则会冲突。-->
			<button type="button" onclick="ajaxLogin()">Ajax登录</button>
			<br>
			<!--单选框 -->
			<div>请选择你喜欢的月饼口味：</div>
			<!-- 用label，点击的文字可以继承input的选中功能-->
			<label><input type="radio" name="月饼馅" value="豆沙馅">豆沙馅</label>
			<!-- 用span就不行-->
			<span><input type="radio" name="月饼馅" value="莲蓉馅">莲蓉馅</span>
			<label><input type="radio" name="月饼" value="蛋黄馅">蛋黄馅</label>
			<br>
			<!--多选框 -->
			<label><input type="checkbox" name="想要的假期" value="1" placeholder="请输入假期">1天</label>
			<label><input type="checkbox" name="想要的假期" value="2">2天</label>
			<label><input type="checkbox" name="想要的假期" value="3">3天</label>
			<label><input type="checkbox" name="想要的假期" value="4">4天</label>
<!--			<h4>下面是个select实现的下拉框</h4>-->
<!--			&lt;!&ndash;下拉框元素 select ，并不是所有的下拉框都是select &ndash;&gt;-->
<!--			<select name="想学的内容">-->
<!--				<option value="java">java</option>-->
<!--				<option value="Python">python</option>-->
<!--				<option value="roy">roy</option>-->
<!--			</select>-->
		</form>
		<br>
<!--		<iframe border="0" src="VIp10Iframe.html" height="900px" width="1200px"> </iframe>-->
		
		
	</body>

</html>